<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
ul, li, p {
  list-style: none;
  margin: 0;
  padding: 0; }

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  font-weight: normal; }

a {
  text-decoration: none;
  outline: none;
  cursor: pointer; }

a:hover {
  color: #f60; }

img {
  border: none;
  vertical-align: bottom; }

em, cite {
  font-style: normal; }

.fl{float: left;}
.fr{float: right;}

.clear {
  clear: both; }

.hidden {
  display: none; }

.visible {
  display: block; }

.border_none {
  border: none !important; }

.loading {
  line-height: 32px;
  text-align: center;
  display: none;
  margin-bottom: 30px; }

.loading img {
  padding-right: 10px; }

.nodata {
  text-align: center;
  color: #555;
  display: none;
  margin-bottom: 30px; }

.anniu {
  display: inline-block;
  padding: 0 30px;
  line-height: 35px;
  background-color: #000;
  color: #fff;
  margin: 30px 0 50px;
  border-radius: 20px;
  cursor: pointer; }
  .anniu a { color: #fff;}

/*.wrap{margin: 0 auto;width: 100%;max-width: 1000px;-webkit-box-sizing: border-box;*/
/*box-sizing: border-box;}*/
.wrap:after,
.wrap:before {
  content: " ";
  display: table; }

.wrap:after {
  clear: both; }

body {
  font-size: 1.2rem; }


/*定位*/
.epd-position-relative {
  position: relative; }

.epd-position-absolute {
  position: absolute; }

/*--------------------color---------------------*/
.epd-color-2 {
  color: #222; }

.epd-color-6 {
  color: #666; }

.epd-color-8 {
  color: #888; }

.epd-color-f {
  color: #fff; }

.epd-text-36 {
  font-size: 3.6rem;
  line-height: 1.4; }

.epd-text-16 {
  font-size: 1.6rem; }

.epd-padding-8 {
  padding: 0 3%; }

@media only screen and (max-width: 1024px) {
  .epd-padding-8 {
    padding: 0 3%; } }
/*--------------------header---------------------*/
header {
  z-index: 999;
  position: fixed;
  width: 100%;
  height: 100px;
  font-size: 1.5rem;
  background-color: #fff;
  transition: all 0.5s ease;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); }

.header-no {
  background: none;
  box-shadow: none;
  transition: all 0.3s ease; }

.nav ul li a {
  color: #fff; }



.header-block {
  height: 100px; }

.logo {
  margin-top: 17px; }

.logo a {
  width: 66px;
  display: block;
  vertical-align: middle;
  text-align: center; }

/*.logo img{vertical-align: middle;}*/
.epd-logo-img {
  width: 66px; }

.epd-logo-img img {
  width: 100%; }

.header-no {
  background-color: none;
  color: #fff; }

/*.header-no .epd-logo-img{background-image: url(../images/logo.png);}*/
nav ul li {
  padding-left: 85px;
  height: 100px; }

nav ul li a {
  position: relative;
  margin-top: 37px;
  _line-height: 65px;
  display: block;
  color: #464646; }

.header-no a {
  color: #fff; }

.header-no a:hover {
  color: #fff; }

.header-no i {
  background: #fff; }

nav ul li i {
  position: absolute;
  width: 0;
  height: 1px;
  background: #545ba0;
  display: block;
  transition: all 0.3s ease; }

nav ul li a:hover,nav ul li.active a {
  color: #545ba0;
  transition: all 0.3s ease; }

nav ul li a:hover i,nav ul li.active a i{
  width: 100%; }
.header-no nav ul li a:hover,.header-no nav ul li.active a {
  color: #fff; }
/*返回顶部*/
/*.am-gotop-fixed{right: 3%;bottom: 30px;width: 52px;height: 52px;border-radius: 50px;}
.am-gotop-fixed a{display: block;height: 50px;}
.am-gotop-fixed .am-gotop-icon{line-height: 52px;}
.am-gotop-fixed .am-gotop-icon:before{font-size: 2rem;line-height: 52px;content: "\f062";}
.am-gotop-fixed.am-active{opacity: .5s;}
*/
/*返回顶部*/
.am-gotop-fixed {
  bottom: 0;
  right: 0;
  opacity: 0;
  transition: all .5s ease;
  transform: translateY(-100%);
  min-height: 0; }

.am-gotop-fixed a {
  display: block;
  height: 50px; }

.am-gotop-fixed .am-gotop-icon {
  line-height: 52px; }

.am-gotop-fixed .am-gotop-icon:before {
  font-size: 2rem;
  line-height: 52px;
  content: "\f062"; }

.am-gotop-fixed.am-active {
  opacity: 1;
  transform: translateY(0); }

.float-right-box .top-list .am-gotop-fixed {
  height: 0;
  transform: translateY(-100%);
  min-height: 0;
  transition: all .5s ease; }

.float-right-box .top-list .am-gotop-fixed.am-active {
  height: 50px;
  transform: translateY(0); }

/*--------------------index---------------------*/
/*--------banner--------*/
.banner {
  position: relative;
  width: 100%;
  height: 570px;
  background: url('/templets/images/epd-banner.jpg') no-repeat;
  background-position: left center;
  overflow: hidden; }
  .banner .text {
    box-sizing: border-box;
    position: absolute;
    bottom: 70px;
    z-index: 9;
    padding-left: 5%;
    color: #fff;
    width: 100%;
    text-align: left; }
    .banner .text h2 {
      font-size: 4rem;
      line-height: 5rem;
      font-weight: bold; }
    .banner .text h3 {
      font-size: 2.5rem;
      line-height: 4.5rem;
      font-weight: bold; }
    .banner .text p {
      font-size: 16px;
      line-height: 26px; }

#pagebanner .bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 3; }

.epd-banner {
  position: relative;
  height: 830px;
  overflow: hidden; }

.am-slider-default .am-direction-nav a {
  opacity: 0; }

.am-slider-default:hover .am-prev {
  left: 8%; }

.am-slider-default:hover .am-next {
  right: 8%; }

.am-slider-default .am-direction-nav .am-next {
  background: url(../images/banner_right.png) no-repeat center center; }

.am-slider-default .am-direction-nav .am-prev {
  background: url(../images/banner_left.png) no-repeat center center; }

.am-slider-default .am-direction-nav a.am-next:before, .am-slider-default .am-direction-nav a.am-prev:before {
  content: ''; }

.epd-banner-list div {
  position: relative;
  height: 830px;
  overflow: hidden;
  width: 100%; }

.am-slider .am-slides img {
  position: absolute;
  left: 50%;
  margin-left: -960px;
  width: auto; }

.am-slider-default .am-control-nav {
  bottom: 40px; }

.am-slider-default .am-control-nav li a.am-active, .am-slider-default .am-control-nav li a:hover {
  background: url(../images/banner_ico_on.png) no-repeat center center; }

.am-slider-default .am-control-nav li a {
  width: 11px;
  height: 11px;
  background: url(../images/banner_ico.png) no-repeat center center;
  box-shadow: none;
  -webkit-box-shadow: none; }

.index-ues ul {
  padding-bottom: 80px; }

.index-ues ul li {
  padding: 80px 50px 0; }

.index-ues ul li div {
  height: 58px; }

.index-ues ul li p {
  line-height: 20px; }

@media only screen and (min-width: 1000px) {
  .index-ues ul li.epd-padding-left-50 {
    padding: 120px 0 0 50px; }

  .index-ues ul li.epd-padding-right-50 {
    padding: 120px 50px 0 0; } }
@media only screen and (max-width: 1000px) {
  .index-ues ul li {
    padding: 80px 50px 0; } }
@media only screen and (min-width: 1441px) {
  .epd-avg-xl-6 &gt; li {
    width: 16.6%; }

  .am-avg-lg-3 &gt; li:nth-of-type(3n+1) {
    clear: none; }

  .index-ues ul li, .index-ues ul li.epd-padding-left-50, .index-ues ul li.epd-padding-right-50 {
    padding: 120px 30px 0; }

  .index-ues ul li:nth-child(1) {
    padding: 120px 30px 0 0; }

  .index-ues ul li:nth-child(6) {
    padding: 120px  0  0 30px; } }
[class*=am-animation-] {
  animation-duration: 1s;
  -webkit-animation-duration: 1s; }

.index-conpc, .index-conpad, .index-conphone {
  margin-bottom: 10px;
  height: 730px;
  overflow: hidden; }

/*--------index-PC--------*/
.index-conpc a, .index-conpad a, .index-conphone a {
  text-decoration: underline; }

.index-conpc {
  background: url(../images/index_con1_bg.jpg) no-repeat center top; }

.index-pc-t p {
  padding: 19px 0 25px;
  line-height: 2; }

.slide-top {
  margin-top: 9%; }

.slide-top p {
  line-height: 26px; }

/*--------index-Pad--------*/
.index-conpad {
  background: url(../images/index_con2_bg.jpg) no-repeat center top; }

/*--------index-Phone--------*/
.index-conphone {
  background: url(../images/index_con3_bg.jpg) no-repeat center top; }

.index-conpad-box, .index-conphone-box {
  height: 730px; }

.index-pad-l, .index-pad-r, .index-phone-l, .index-phone-r {
  top: 15%; }

.index-pad-r, .index-phone-l {
  top: 25%; }

.index-pad-l, .index-pad-r {
  padding: 0 5%; }

.index-pad-l {
  text-align: right; }

.index-pad-r {
  text-align: left; }

.index-phone-l {
  padding-left: 3%; }

.index-phone-l &gt; div {
  float: right; }

.index-phone-r {
  padding: 0 3% 0 10%; }

.index-pad-r, .index-phone-r {
  right: 0; }

.index-pad-r h2, .index-phone-l h2 {
  font-size: 3.6rem; }

.index-pad-r p, .index-pad-r h2 {
  text-align: left; }

@media only screen and (max-width: 641px) {
  .index-pad-l, .index-phone-l {
    top: 5%; }

  .index-pad-l img {
    max-width: 90%; }

  .index-pad-r {
    top: 75%; }

  .index-phone-l {
    text-align: center; }

  .index-phone-l &gt; div {
    float: none; }

  .index-phone-r {
    top: 25%;
    padding: 0;
    text-align: center; }

  .index-pad-r h2, .index-phone-l h2 {
    font-size: 2.5rem; }

  .index-pad-r h2 br, .index-phone-l h2 br {
    display: none; }

  .index-pad-r p, .index-pad-r h2, .index-phone-l p, .index-phone-l h2, .index-pad-l, .index-pad-r {
    text-align: center; } }




@-webkit-keyframes index-hvr-wobble {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg); }
  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg); }
  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg); }
  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg); }
  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg); }
  100% {
    -webkit-transform: skew(0);
    transform: skew(0); } }
@keyframes index-hvr-wobble {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg); }
  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg); }
  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg); }
  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg); }
  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg); }
  100% {
    -webkit-transform: skew(0);
    transform: skew(0); } }
.index-hvr-wobble {
  /*display: inline-block;*/
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%; }

.index-hvr-wobble:hover, .index-hvr-wobble:focus, .index-hvr-wobble:active, .index-icon-btn li a:hover .index-hvr-wobble {
  -webkit-animation-name: index-hvr-wobble;
  animation-name: index-hvr-wobble;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1; }

.index-icon-btn{padding: 6.5rem 3% 2.5rem;}
.index-icon-btn .index-icon-top{float: left;width: 48%;}
.index-icon-btn .index-icon-bottom{float: right;width: 48%;}
.index-icon-btn h2{padding: 0 2% 2.5rem;font-size: 2rem;color: #272727;font-weight: bold;}
.index-icon-btn h2 p{padding: 1rem 0;font-size: 1.4rem;color: #949494;font-weight: normal;display: block;line-height: 1.8rem;}
.index-icon-btn ul{height: 22.5rem; margin-bottom: 3rem;}
.index-icon-btn li{float: left;width: 20%;text-align: left;}
.index-icon-btn li a{margin: 0 auto;width: 90px;display: block;font-size: 1.6rem;color: #565656;text-align: center;}

.index-icon-btn li a:hover{color: #545ba0;}
.index-icon-btn li span{margin: 0 auto 1rem;width: 62px;height: 62px;display: block;background: url(../images/index_icon_btn.jpg) no-repeat;background-size: 100%;}
.index-icon-btn li span.index-icon-box1-img-2{background-position: 0 -62px;}
.index-icon-btn li span.index-icon-box1-img-3{background-position: 0 -124px;}
.index-icon-btn li span.index-icon-box1-img-4{background-position: 0 -186px;}
.index-icon-btn li span.index-icon-box1-img-5{background-position: 0 -248px;}

.index-icon-btn li span.index-icon-box2-img-1{background-position: 0 -744px;}
.index-icon-btn li span.index-icon-box2-img-2{background-position: 0 -806px;}
.index-icon-btn li span.index-icon-box2-img-3{background-position: 0 -868px;}
.index-icon-btn li span.index-icon-box2-img-4{background-position: 0 -930px;}

.index-icon-btn li span.index-icon-box3-img-1{background-position: 0 -372px;}
.index-icon-btn li span.index-icon-box3-img-2{background-position: 0 -434px;}
.index-icon-btn li span.index-icon-box3-img-3{background-position: 0 -496px;}
.index-icon-btn li span.index-icon-box3-img-4{background-position: 0 -558px;}
.index-icon-btn li span.index-icon-box3-img-5{background-position: 0 -620px;}

.index-icon-btn li span.index-icon-box4-img-1{background-position: 0 -1116px;}
.index-icon-btn li span.index-icon-box4-img-2{background-position: 0 -1178px;}
.index-icon-btn li span.index-icon-box4-img-3{background-position: 0 -1240px;}
.index-icon-btn li span.index-icon-box4-img-4{background-position: 0 -1302px;}




/*--------index-anli--------*/
.index-epd-anli{background: #f7f7f7;}
.epd-anli-hd {
  padding: 20px 0; text-align:left;  }

.epd-anli-hd p {
  padding: 5px 0; }
.epd-anli-typename{padding: 88px 0 78px;font-size: 24px;color: #272727;font-weight: bold;}
.epd-anli-typename span{padding-bottom: 48px;display: block;line-height: 42px;}
.epd-anli-list li {
  float: left;
  width: 31.3%;
  margin: 0 3% 35px 0;
  padding: 0; }
.epd-anli-list li:nth-child(3n){margin-right: 0;}

.epd-anli-list li p {
  padding-top: 2em;
  line-height: 2.2;
  font-weight: bold; }

.epd-anli-list li:hover p {
  color: #545ba0; }

/*.epd-anli-list li:nth-of-type(3n+0){padding: 1.6em 0 2.5em 3.2em;}
.epd-anli-list li:nth-of-type(3n+1){padding: 1.6em 3.2em 2.5em 0;}*/
.epd-anli-img {
  width: 100%;
  overflow: hidden;
  text-align: center;border-radius: 10px;}

.epd-anli-move {
  padding: 20px 0 10px; }

.epd-img {
  display: table; }

.lazy {
  -webkit-transition: all .5s ease;
  transition: all .5s ease; }

.epd-img span {
  display: table-cell;
  vertical-align: middle; }

.epd-wechat-cover {
  top: 0;
  z-index: 99;
  width: 100%;
  height: 100%;
  display: none;
  background-color: rgba(0, 0, 0, 0.5);
  text-align: center;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#000000,endColorstr=#000000); }

.epd-wechat-cover img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 30%;
  margin-left: -15%;
  margin-top: -15%; }

.epd-anli-list li a .epd-img img {
  width: 100%;
  transition: all .8s ease;
  -webkit-transition: all .8s ease; }

.epd-anli-list li a:hover .epd-img img {
  transform: scale(1.05);
  text-align: center; }

.epd-anli-list li a:hover .epd-wechat-cover {
  display: block; }

.epd-news{}
.epd-news .new-l{ float: left;}
.epd-news .new-l .day{
  font-size: 50px;
  line-height: 1.2;
  color: #333;
  font-weight: bold;
  text-align: center;
}
.epd-news .new-l .date{
  font-size: 12px;
  color: #777;
  text-align: center;
}
.epd-news .new-r{ float: left; width: 80%;padding-left: 20px;}
.epd-news .new-r .tit{
  font-size: 16px;
  line-height: 40px;
  font-weight: bold;
  text-align: left;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color: #141414;
}
.epd-news .new-r .des{
  font-size: 12px;
  line-height: 20px;
  text-align: left;
  display: -webkit-box; 
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; 
  overflow: hidden;
  color: #999;
}

/* 内页新闻 */
.page-news li{margin-bottom: 30px;}
.page-news a{display: block;padding: 20px;width: calc(100% - 40px);margin: 0 auto;background: #fff;border: 1px solid #eee;}
.page-news .epd-new-typename{
  padding: 64px 0;
}
.page-news .epd-new-typename li {
  margin-bottom: 0;
}
.page-news .epd-new-typename li a{
  width: auto;
}



.art-news{
  padding: 0 5%;
}
/* 新闻文章页 */
#news_con article {
  font-size: 14px;
  line-height: 28px;
  padding-top: 40px;
}

#news_con article .title {
  width: 100%;
  color: #444;
  font-size: 20px;
  font-weight: 600;
  text-align: center;
  margin: 0 auto;
  line-height: 28px;
}

#news_con article .date {
  font-size: 12px;
  text-align: center;
  color: #aaa;
  margin-top: 12px;
  padding-bottom: 30px;
  border-bottom: 1px solid #eee;
}

#news_con article .body {
  width: 80%;
  margin: 50px auto 50px;
  min-height: 250px;
}

#news_con article .body p {
  line-height: 26px;
  font-size: 1.5rem;
  color: #333;
}

#news_con article .body img {
  max-width: 100%;
  height: auto !important;
  display: block;
  margin: 0 auto;
}


/*翻页样式*/
.paging {
  text-align: center;
  padding: 10px 0 32px;
  font-size: 12px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.paging a {
  display: inline-block;
  color: #333;
  background: #eee;
  padding: 0;
  width: 24px;
  height: 24px;
  line-height: 24px;
  margin-right: 3px;
  font-size: 12px;
  -webkit-transition: all .5s;
  transition: all .5s;
}

.paging .thisclass, .paging a:hover  {
  background: #666;
  color: #fff;
}

.paging .i , .paging .n, .paging .e, .paging .p{
  text-indent: -9999px;
}

.paging .i{
  background: url(../images/paging_btn.png) 7px center no-repeat #eee;
}

.paging .e{
  background: url(../images/paging_btn.png) -152px center no-repeat #eee;
}

.paging .p{
  background: url(../images/paging_btn.png) -32px center no-repeat #eee;
}

.paging .n{
  background: url(../images/paging_btn.png) -100px center no-repeat #eee;
}

.paging .i:hover{
  background: url(../images/paging_btn_hover.png) 7px center no-repeat #666;
}

.paging .e:hover{
  background: url(../images/paging_btn_hover.png) -152px center no-repeat #666;
}

.paging .p:hover{
  background: url(../images/paging_btn_hover.png) -32px center no-repeat #666;
}

.paging .n:hover{
  background: url(../images/paging_btn_hover.png) -100px center no-repeat #666;
}

@media only screen and (max-width: 960px) {
  .index-icon-btn .index-icon-top{width: 100%;}
  .index-icon-btn .index-icon-bottom{width: 100%;}
  .index-icon-btn li{width: 20%;}
}
@media only screen and (min-width: 1440px) {
  .epd-avg-xl-4 &gt; li {width: 25%; }
  .index-icon-btn .index-icon-top{width: 45%;}
  .index-icon-btn .index-icon-bottom{width: 45%;}
  .index-icon-btn h2{padding: 0 3.5% 2.5rem;}
  .index-icon-btn li{width: 20%;}
}

/*--------------------anli---------------------*/
.pro-menu {
  padding: 4% 8% 2.8%; }

.pro-menu li, .epd-anli-typename ul li{line-height: 3.4rem;margin-right: 2.5rem;font-size: 1.4rem;}
.pro-menu li{margin-bottom: 1rem;}
.pro-menu li a, .epd-anli-typename ul li a{padding: 0 1.8rem;display: block;border: 1px solid #ececec;border-radius: 3.5rem;font-weight: normal;background: #fff;}

.pro-menu li.current a {
  background: #545ba0;color: #fff;border: 1px solid #545ba0;}

.pro-menu li a:hover, .epd-anli-typename ul li a:hover{
  background: #545ba0;color: #fff;border: 1px solid #545ba0;}

.pro-list {
  min-height: 350px; }

.anli-page-banner{position: relative;overflow: hidden;}
.clickopen{position: absolute;width: 164px;height: 42px;line-height: 42px;font-size: 14px;font-weight: bold;color: #ee1841;background: url(../images_m/anliicon.jpg) no-repeat 15px 11px #fff;display: block;border-radius: 42px;text-indent: 52px;}
.clickopen:hover{color: #ee1841;}
.outshow{top: 115px;left: 50%;margin-left: -82px;}
/*.pro-list li:nth-of-type(3n+0){padding: 1.6em 0 2.5em 3.2em;}
.pro-list li:nth-of-type(3n+1){padding: 1.6em 3.2em 2.5em 0;}
.pro-list li p{padding-top: 1.5em;line-height: 2.2;}
.pro-list li:hover p{color: #545ba0;}*/
.anli-content{max-width: 790px;}
.anli-text-title {
  position: relative;
  padding: 6em 0 6em .5rem;}

.anli-text-title h2 {
  margin-bottom: 22px;
  font-size: 24px;
  color: #1d1d1d;
  font-weight: bold; }
  .anli-text-title a{font-size: 13px;color: #aaa;}
  .anli-text-title a:hover{color: #0e90d2;}

.anli-text-title p {
  padding-top: 5rem;
  color: #727272;
  font-size: 14px;
  line-height: 24px; }
.anli-text-title .epd-aimg-center{position: absolute;top: -40px;left: 50%;margin-left: -41px;padding: 3px;width: 76px;height: 76px;display: block;background: #fff;border-radius: 5px;overflow: hidden;}
.anli-text-title .epd-aimg-center img{width: 100%;}

.anli-text-title .oldyear{position: absolute;top: 5.7rem;right: 0;}
.anli-text-title .oldyear span{float: left;padding: 0;width: auto;height: 47px;color: #185089;font-weight: bold;font-size: 16px;display: block;line-height: 47px;}
.anli-text-title .oldyear em{float: left;margin: 0 11px;width: 47px;height: 47px;color: #fff;font-weight: bold;font-size: 36px;line-height: 47px;display: block;text-align: center;background: #eb2b36;border-radius: 50%;font-family: 'Arial';}

.block-menu li {
  display: inline-block;
  padding-bottom: 2em; }

.block-menu li a {
  display: block;
  overflow: visible;
  font-size: 16px; }

/*详情*/
.webimg {
  padding-bottom: 75px; }
  .webimg a {
    color: #fff;
    text-align: center; }
    .webimg a h1 {
      font-size: 48px;
      font-weight: bold;
      line-height: 48px;
      margin-bottom: 25px; }
    .webimg a p.web {
      font-size: 24px;
      line-height: 24px;
      margin-bottom: 45px;
      font-weight: bold; }
    .webimg a p.fenlei {
      font-size: 16px;
      line-height: 16px; }
    .webimg a .webimgbox {
      margin-top: 70px; }
    .webimg a .webimgcode {
      margin-bottom: 15px;
      width: 144px;
      height: 144px; }

/*.block-menu li a p{color:#fff;}*/
/*文章详情*/
/*.epd-web-link p{perspective:200;transition:all .07s linear;}*/
/*.epd-web-link p:hover{transform: translateZ(-25px) rotateX(-90deg) translateY(-25px);}*/
.three-d {
  perspective: 200;
  transition: all .07s linear;
  -webkit-transition: all .07s linear;
  position: relative;
  cursor: pointer; }

.three-d:hover .three-d-box, .three-d:focus .three-d-box {
  transform: translateZ(-25px) rotateX(-90deg); }

.three-d-box {
  transition: all .3s ease-out;
  transform: translatez(-25px);
  transform-style: preserve-3d;
  pointer-events: none;
  position: absolute;
  top: 0;
  display: block;
  width: 100%;
  height: 100%; }

.or-code p {
  display: inline-block;
  color: #fff; }

.or-code a:visited p {
  color: #fff; }

.or-code em {
  padding-bottom: 0.5em;
  font-weight: bold;
  display: block; }

.or-code img {
  margin: 0 35px 2em;
  width: 100px;
  display: inline-block; }

.or-code .img-p2 {
  display: none; }

.front {
  display: block;
  transform: rotatex(90deg) translatez(25px);
  transition: all 0.3s ease; }

.back {
  transform: rotatex(0deg) translatez(25px); }

.front, .back {
  text-decoration: underline;
  display: block;
  position: absolute;
  pointer-events: none;
  box-sizing: border-box; }

.three-d:hover .front {
  opacity: 1;
  text-decoration: none;
  color: #f40;
  transition: all 0.3s ease; }

.three-d:hover .back {
  opacity: 0;
  transition: all 0.1s ease .25s; }

.anli-con-bottom:hover .pre_anli, .anli-con-bottom:hover .next_anli {
  opacity: 1; }

.anli-page {
  padding: 3em 0;
  text-align: center; }

.anli-page a {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 30px;
  font-size: 32px;
  border-radius: 50px;
  color: #fff;
  background-color: rgba(136, 136, 136, 0.7);
  transition: all .3s ease;
  margin: 0 5px; }

.anli-page a i:before {
  vertical-align: top; }

.anli-page .pre_anli {
  padding-right: 5px; }

.anli-page .next_anli {
  padding-left: 5px; }

.am-icon-list:before {
  font-size: 16px;
  padding-top: 7px; }

.am-icon-angle-left:before, .am-icon-angle-right:before {
  font-size: 25px;
  padding-top: 2px; }

.anli-page-pad {
  display: none; }

.anli-page a:hover {
  background-color: #000; }

  /*--------------------小程序---------------------*/
 .xcx-page-banner{
   overflow: hidden;
    width: 100%;
  }

  .xcx-page-banner img{
    position: relative;
    left: 50%;
    transform: translateX(-50%);
  }

  .xcx-content{
    width: 100%;
    background: url("/templets/images/xcxbg.jpg") no-repeat top center;
  }

  .xcx-wrap{
    width: 1200px;
    margin: 0 auto;
  }

  .xcx-content .title{
    color: #fff;
    font-weight: bold;
    font-size: 46px;
  }

  .xcx-content .question{
    padding: 120px 0 100px;
  }

  .xcx-content .question ul{
    padding-top: 30px;
  }
  
  .xcx-content .question li{
    padding-left: 40px;
    font-size: 18px;
    line-height: 64px;
    color: #fff;
    background: url("/templets/images/gou.png") no-repeat left center;
  }

  .xcx-content .anli{
    text-align: center;
  }

  .xcx-content .anli .des{
    font-size: 18px;
    color: #fff;
    text-align: center;
    line-height: 30px;
    width: 650px;
    margin: 30px auto 0;
  }

  .xcx-content .anli .list{
    padding-top: 50px;
  }

  .xcx-content .anli .list li{
    float: left;
    margin-bottom: 30px;
  }
  .xcx-content .anli .list li img{margin: 0 auto;max-width: 90%;}

  .xcx-content .anli .list li .tit{
    font-size: 18px;
    padding: 15px 5px 0;
    line-height: 30px;
    font-weight: normal;
    color: #fff;
  }
  
  .xcx-content .dingzhi{
    text-align: center;
    padding: 120px 0;
    width: 900px;
    margin: 0 auto;
  }

  .xcx-content .dingzhi .slide-box{
    position: relative;
    padding-top: 50px;
  }

  .xcx-content .dingzhi .swiper-container{
    padding: 100px 0;
  }

  .xcx-content .dingzhi .pic img{
    width: 220px;
  }

  .xcx-content .dingzhi .ico{
    padding-top: 20px;
  }
  
  .xcx-content .dingzhi .tit{
    padding-top: 20px;
    font-size: 24px;
    color: #fff;
    font-weight: bold;
  }
  .xcx-content .dingzhi .des{
    margin-top: 10px;
    font-size: 14px;
    color: #fff;
    padding: 0 5px;
  }

  .xcx-content .dingzhi .swiper-slide{
    transition: all .3s;
  }

  .xcx-content .dingzhi .swiper-slide-active{
    transform: scale(1.2);
  }

  .xcx-content .dingzhi .swiper-button-prev{width: 26px;height: 26px;background: url("/templets/images/ico-l.png") no-repeat;background-size: contain;left: -36px;}
  .xcx-content .dingzhi .swiper-button-next{width: 26px;height: 26px;background: url("/templets/images/ico-r.png") no-repeat;background-size: contain;right: -36px;}
  .xcx-content .dingzhi .swiper-button-prev:focus{border: none;outline: none;}
  .xcx-content .dingzhi .swiper-button-next:focus{border: none;outline: none;}

  .xcx-content .baoguang{text-align: center;padding-bottom: 50px;}

  .xcx-content .baoguang .list{padding-top: 200px;}

  .xcx-content .baoguang li{float: left;padding-bottom: 100px;}

  .xcx-content .baoguang li a{
    width: 190px;
    max-width: 100%;
    padding: 40px 0 45px;
    display: block;
    background: #fff;
    border-radius: 5px;
    border-radius: 10px;
    transition: all .3s;
    margin: 0 auto;
  }

  .xcx-content .baoguang li .ico{padding-bottom: 15px;}

  .xcx-content .baoguang li .tit{font-size: 18px; color: #000;font-weight: bold;line-height: 30px;}

  .xcx-content .baoguang li:nth-child(even){
    transform: translateY(-100px);
  }

  .xcx-content .baoguang li a:hover {
    box-shadow: 0 0 40px rgba(255, 255, 255, 0.3);
  }

/*--------------------contact---------------------*/
.content-bg {
  background: url(../images/contact_bg.png) no-repeat center 100px #f4f4f4; }

.contact-top {
  padding-top: 190px;
  padding-bottom: 190px;
  background: url(../images/contact_bg.jpg) no-repeat center top;
  background-size: cover; }

.contact-top h2 {
  padding-bottom: 25px; }

.contact {
  padding: 0 0 35px;
  line-height: 2.2;
  color: #444; }

.contact-title {
  padding: 76px 0; }

.contact-title h2 {
  padding-bottom: 35px; }

.contact span {
  color: #222; }

.contact td {
  padding: 0 1em 6em 0; }

.contact table a {
  display: block;
  margin-top: 10px;
  color: #444;
  border: 1px solid #e3e3e3;
  padding: 0 20px 0 40px;
  line-height: 34px;
  width: 135px;
  background: url(../images/ico_14.png) no-repeat 17px center;
  transition: all 0.3s ease 0s;
  border-radius: 3px; }

.contact table a:hover {
  border: 1px solid #333;
  color: #fff;
  background: url(../images/ico_14_h.png) no-repeat 17px center #333; }

/*****form demand****/
.form-demand {
  padding: 80px 0 70px;
  position: relative; }

.form-demand h2 {
  font-size: 36px;
  padding-bottom: 45px;
  font-weight: normal;
  color: #fff; }

.form-demand p {
  color: #fff; }

.form-demand form {
  font-size: 1.4rem;
  margin-bottom: 50px; }

.form-demand form input {
  border: none;
  float: left;
  background-color: #fff;
  color: #6e6e6e;
  outline: none;
  border: 1px solid #fff;
  transition: akk .3s; }

.form-demand form input:hover {
  border: 1px solid #000; }

.form-demand form .text1, .form-demand form .text2 {
  margin-right: 1%;
  width: 16.5%;
  padding: 20px 1%; }

.form-demand form .text3 {
  width: 51%;
  padding: 20px 1%;
  margin-right: 1%; }

.form-demand form .submit {
  background: #040404;
  color: #fff;
  width: 13%;
  text-align: center;
  cursor: pointer;
  border: 2px solid #040404;
  line-height: 56px;
  height: 59px;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s; }

.form-demand form .submit:hover {
  background: #fff;
  color: #040404; }

footer {
  border-top: 1px solid #eee;
  position: relative;
  background: #fff;
  width: 100%; }

.footcon {
  padding: 60px 0 20px;
  overflow: hidden; }

.footer-top {
  height: 172px;
  margin-bottom: 45px; }

.clear {
  clear: both; }

.footer-top .ft-left {
  float: left;
  width: 55%;
  margin-right: 7%;
  font-size: 16px;
  line-height: 38px; }

.footer-top .ft-right {
  float: right; }

.footer-top .ft-right div {
  float: left;
  margin-left: 60px; }

.footer-top .ft-right .img {
  width: 148px;
  height: 148px;
  vertical-align: middle;
  display: table-cell; }

.footer-top .ft-right p {
  text-align: center;
  margin-top: 5px; }

.footer-top .ft-middle {
  position: absolute;
  right: 40%; }

.footer-top h3 {
  font-weight: bold;
  font-size: 16px;
  color: #2c2c2c; }
.footer-top .ft-left p, .footer-top .ft-middle p {
  font-size: 16px;
  line-height: 38px;
  color: #2c2c2c; }
.footer-top .ft-left .map-link {
  display: block;
  background: #000;
  border: 1px solid #000;
  color: #fff;
  width: 130px;
  line-height: 30px;
  height: 32px;
  text-align: center;
  font-size: 16px;
  margin-top: 20px;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s; }
  .footer-top .ft-left .map-link:hover {
    background: #fff;
    color: #000; }
.footer-top .ft-middle {
  color: #373737;
  padding-bottom: 5px; }
.footer-top .ft-middle p {
  margin-bottom: 5px; }
.footer-top .ft-middle li {
  float: left;
  width: 42px;
  height: 42px;
  margin-right: 10px;
  border-radius: 21px;
  line-height: 38px;
  -webkit-transition: all 0.5s cubic-bezier(0.15, 0.65, 0.58, 0.99);
  -moz-transition: all 0.5s cubic-bezier(0.15, 0.65, 0.58, 0.99);
  -ms-transition: all 0.5s cubic-bezier(0.15, 0.65, 0.58, 0.99);
  -o-transition: all 0.5s cubic-bezier(0.15, 0.65, 0.58, 0.99);
  transition: all 0.5s cubic-bezier(0.15, 0.65, 0.58, 0.99); }
  .footer-top .ft-middle li .icon-txt {
    color: #fff;
    margin-left: 30px;
    display: none;
    text-align: center;
    font-size: 14px;
    line-height: 42px;
    -webkit-transition: all 0.5s cubic-bezier(0.15, 0.65, 0.58, 0.99);
    -moz-transition: all 0.5s cubic-bezier(0.15, 0.65, 0.58, 0.99);
    -ms-transition: all 0.5s cubic-bezier(0.15, 0.65, 0.58, 0.99);
    -o-transition: all 0.5s cubic-bezier(0.15, 0.65, 0.58, 0.99);
    transition: all 0.5s cubic-bezier(0.15, 0.65, 0.58, 0.99); }
  .footer-top .ft-middle li:hover .icon-txt, .footer-top .ft-middle li:hover .wechat-text {
    display: block; }
.footer-top .ft-middle .foot-qq {
  background: #000 url(../images/icon_qq.png) no-repeat center center; }
  .footer-top .ft-middle .foot-qq a {
    display: block;
    width: 42px;
    height: 42px; }
.footer-top .ft-middle .foot-wechat {
  position: relative;
  cursor: pointer;
  background: #000 url(../images/icon_weixin.png) no-repeat center center; }
  .footer-top .ft-middle .foot-wechat .wechat-text {
    display: none;
    position: absolute;
    left: -35px;
    bottom: 58px;
    background: #fff;
    border-radius: 5px;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3); }
    .footer-top .ft-middle .foot-wechat .wechat-text p {
      text-align: center;
      font-size: 12px;
      padding: 3px 0 6px;
      line-height: 1; }
    .footer-top .ft-middle .foot-wechat .wechat-text img {
      padding: 5px; }
    .footer-top .ft-middle .foot-wechat .wechat-text .btn {
      position: absolute;
      bottom: -6px;
      left: 50%;
      margin-left: -5px;
      width: 10px;
      height: 6px;
      background: url(../images/btn2.png) no-repeat bottom center; }
    .footer-top .ft-middle .foot-wechat .wechat-text img {
      width: 112px;
      height: 112px; }
  .footer-top .ft-middle .foot-wechat:hover {
    background-position: center center; }
.footer-top .ft-middle .foot-tel {
  background: #000 url(../images/icon_phone.png) no-repeat center center; }
  .footer-top .ft-middle .foot-tel:hover {
    width: 170px;
    background-position: 15px center; }
  .footer-top .ft-middle .foot-tel span {
    font-size: 16px; }
.footer-top .ft-middle .foot-demand {
  background: #000 url(../images/icon_msg.png) no-repeat center center; }
  .footer-top .ft-middle .foot-demand:hover {
    width: 170px;
    background-position: 15px center; }

.footer-bottom {
  /* border-top: 1px solid #eee; */
  padding-top: 20px;
  color: #535353;
  font-size: 12px;
  line-height: 2; }
  .footer-bottom a {
    color: #535353; }
    .footer-bottom a:hover {
      color: #545ba0; }
  .footer-bottom .ft-powerby {
    float: left; }
  .footer-bottom .ft-link {
    float: left;
    position: relative;
    margin-left: 15px; }
    .footer-bottom .ft-link a {
      margin-left: 10px; }
    .footer-bottom .ft-link .friend-link {
      position: relative;
      display: inline-block; }
      .footer-bottom .ft-link .friend-link ul {
        visibility: hidden;
        position: absolute;
        height: 0;
        width: 300px;
        bottom: 30px;
        padding: 10px;
        right: -252px;
        overflow: hidden;
        border: 1px solid #bbb;
        z-index: 999;
        background: #fff;
        -webkit-transition: height .5s;
        transition: height .5s; }
      .footer-bottom .ft-link .friend-link span {
        padding: 20px 0; }
      .footer-bottom .ft-link .friend-link:hover ul {
        visibility: visible;
        height: 263px; }

/*展示*/
/*.foot-tel-img, .wechat-text{opacity: 0;transition: all .6s ease .1s;-webkit-transition: all .6s ease .1s;}*/
/* Wobble Top */


/*--------------------响应式---------------------*/
@media only screen and (max-width: 640px) and (min-width: 320px) {
  .wrap {
    padding: 0 3em; }

  nav ul li {
    padding-left: 35px; }

  .am-direction-nav {
    display: none; }

  /*.index-ues .wrap ul li{padding: 60px 0 15px;width: 100%;}*/
  .epd-anli-list li.am-padding {
    margin: 0;
    padding: 1.6em 0;
    width: 100%; }

  .pro-list li.am-padding {
    margin: 0;
    padding: 1.6em 0;
    width: 100%; }

  .map-content {
    display: none !important; }

  .or-code {
    display: none; } }
@media only screen and (max-width: 1024px) and (min-width: 640px) {
  .wrap {
    padding: 0 2em; }

  .am-direction-nav {
    display: none; }

  /*.index-ues .wrap ul li{width: 50%;padding: 60px 1em 15px;}*/
  .epd-anli-list li.am-padding {
    width: 48.5%; }

  .pro-list li.am-padding {
    width: 50%; }

  .map-content {
    display: none !important; }

  .or-code {
    display: none; }

  .anli-page {
    display: none; }

  .anli-page-pad {
    padding: 1.5em 0;
    display: block; }

  .anli-page-pad a {
    width: 33%;
    font-size: 1.8em;
    color: #fff;
    line-height: 2.5;
    display: inline-block;
    text-align: center;
    background: #ccc; }

  /*  案例   */
  .epd-anli-list li {
    width: 47.5%;}

    .epd-anli-list li:nth-child(3n) {
      margin-right: 3%; }
    .epd-anli-list li:nth-child(2n) {
      margin-right: 0; }
    
 }
      @media only screen and (max-width: 1240px){
        .xcx-content .xcx-wrap{
          width: 100%;
          padding: 0 3%;
        }
      }
      @media only screen and (max-width: 1199px) {
        .epd-news li{
          width: 50%;
        }
        .epd-new-typename li{
          width: auto;
        }
        #news_con article .body {
          width: 100%;
        }
        .xcx-content .question .right{width: 50%;}
        .xcx-content .question .right img{max-width: 100%;}
      }
      @media only screen and (max-width: 1024px) {
        .xcx-content .question {padding: 80px 0;}
        .xcx-content .title{font-size: 30px;}
        .xcx-content .question li{line-height: 40px;font-size: 16px;}
        .xcx-content .anli .list li .tit{font-size: 16px;}
        .xcx-content .anli .des{font-size: 16px;}
        .xcx-content .anli .list li img{max-width: 80%;}
        
        .xcx-content .dingzhi{width: 100%;}
        .xcx-content .dingzhi .swiper-container{padding: 80px 0 60px;}
        .xcx-content .dingzhi .pic img{max-width: 80%;}
        .xcx-content .dingzhi .tit{font-size: 18px;}
        .xcx-content .dingzhi .des{font-size: 14px;}
        .xcx-content .baoguang li a{max-width: 80%;}
        .xcx-content .baoguang li a{padding: 30px 0 35px;}
        .xcx-content .baoguang li .tit{font-size: 16px;}
        
      }
      
      @media only screen and (max-width: 800px) {
        .epd-news li{
          width: 100%;
        }
        .epd-new-typename li{
          width: auto;
        }
        .xcx-content .title{font-size: 24px;}

        .xcx-content .question{padding: 50px 0;}
        .xcx-content .question .left,.xcx-content .question .right{
          float: none;
        }
        .xcx-content .question ul{padding-top: 10px;}
        .xcx-content .question .right{width: 80%;margin: 0 auto;max-width: 400px;padding-top: 30px;}
        
        .xcx-content .anli .des{margin-top: 10px;font-size: 14px;width: 80%;}
        .xcx-content .dingzhi .swiper-button-next,.xcx-content .dingzhi .swiper-button-prev{
          display: none;
        }

        .xcx-content .dingzhi{padding: 50px 0;}
        .xcx-content .dingzhi .slide-box{padding-top: 30px;}
        .xcx-content .dingzhi .swiper-container{
          padding: 30px 0;
        }
        .xcx-content .anli .list li .tit{
          padding-top: 5px;
          line-height: 24px;
          font-size: 14px;
        }
        .xcx-content .anli .list{
          padding-top: 30px;
        }
        .xcx-content .dingzhi .tit{font-size: 16px;}
        .xcx-content .dingzhi .swiper-slide-active{
          transform: scale(1.1);
        }

        .xcx-content .baoguang .list {
          padding-top: 70px;
        }
        .xcx-content .baoguang li{
          padding-bottom: 30px;
        }
        .xcx-content .baoguang li .ico{
          padding-bottom: 5px;
        }
        .xcx-content .baoguang li .tit{
          font-size: 14px;
        }
        .xcx-content .baoguang li a{
          padding: 20px 0;
        }
        .xcx-content .baoguang li:nth-child(even){
          transform: translateY(-30px);
        }
      }

      @media only screen and (max-width: 640px){
        .xcx-content .baoguang .list{
          padding-top: 50px;
        }
        .xcx-content .baoguang li:nth-child(even){
          transform: translateY(0);
        }
      } 
@media only screen and (max-width: 1199px) and (min-width: 640px) {
  
  .am-avg-lg-3&gt;li:nth-of-type(3n+1){
    clear: none;
  }
  .form-demand {
    padding: 60px 0 50px; }
    .form-demand h2 {
      font-size: 30px;
      padding-bottom: 35px; }
    .form-demand form {
      margin-bottom: 35px; }
      .form-demand form .text1, .form-demand form .text2 {
        width: 49.5%;
        margin-bottom: 20px; }
      .form-demand form .text2 {
        margin-right: 0; }
      .form-demand form .text3 {
        width: 79%; }
      .form-demand form .submit {
        width: 20%; } }

.foot-tel-w {
  width: 48px;
  transition: width .5s;
  -webkit-transition: width  .5s; }

.foot-tel-w p {
  position: absolute;
  top: 10px;
  left: 30px;
  width: 120px;
  display: none;
  color: #fff;
  font-size: 16px; }

.foot-tel-w:hover {
  width: 160px;
  border-radius: 170px;
  background-color: #b9609c; }

.foot-tel-w:hover p {
  display: block; }

/*固定侧边拦*/
.float-right-box {
  position: fixed;
  right: 3%;
  bottom: 1%;
  z-index: 1000;
  
  transition: width 0.3s ease 0s; }

/* .float-right-box.on {
  width: 50px; } */

.float-right-box .top-list {
  width: 100%; }

.float-right-box .top-list ul {
  width: 100%; }

.float-right-box .top-list li {
  width: 44px;
  margin-right: 15px;
  float: left;
  position: relative;
  height: 44px; }

.float-right-box .top-list a {
  display: block;
  width: 100%; }

.float-right-box .top-list .ico {
  display: inline-block;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  /* position: absolute;
  right: 0;
  top: 0; */
  transition: background 0.3s ease 0s;
  z-index: 2; }

.float-right-box .top-list .ico1 {
  background: url(../images/ico_58.png) no-repeat center #191919; }

.float-right-box .top-list .ico2 {
  background: url(../images/ico_59.png) no-repeat center #191919; }

.float-right-box .top-list .ico3 {
  background: url(../images/ico_60.png) no-repeat center #191919; }

.float-right-box .top-list .ico4 {
  background: url(../images/ico_61.png) no-repeat center #191919; }

.float-right-box .top-list .ico5 {
  background: url(../images/ico_62.png) no-repeat center #191919; }

.float-right-box .top-list .ico6 {
  background: url(../images/wechaticon.png) no-repeat center #191919; }

.float-right-box .top-list .ico7 {
  background: url(../images/ico_69.png) no-repeat center #191919; }

.float-right-box .top-list .stt {
  display: none;
  font-size: 14px;
  line-height: 50px;
  color: #fff;
  transition: color 0.3s ease 0s;
  position: absolute;
  left: 28px;
  top: 0;
  z-index: 1;
  width: 222px; }


  .float-right-box .top-list li:hover .img {
    opacity: 1;
    visibility: visible;
    transform: scale(1); }

.float-right-box .top-list .return-webtop .stt {
  font-family: "Arial";
  text-align: left;
  font-weight: bold; }

.float-right-box .bot-share {
  position: relative;
  height: 50px; }

.float-right-box .bot-share a {
  display: inline-block;
  width: 50px;
  height: 50px;
  float: left;
  transition: background 0.3s ease 0s;
  margin: 0;
  padding: 0; }

.float-right-box .bot-share .share {
  width: 200px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1; }

.float-right-box .bot-share .sina {
  background: url(../images/ico_63.png) no-repeat center; }

.float-right-box .bot-share .wx {
  background: url(../images/ico_64.png) no-repeat center; }

.float-right-box .bot-share .tx {
  background: url(../images/ico_65.png) no-repeat center; }

.float-right-box .bot-share .more {
  background: url(../images/ico_66.png) no-repeat center; }

.float-right-box .bot-share a:hover {
  background-color: #525354; }

.float-right-box .bot-share .share-ico {
  background: url(../images/ico_67.png) no-repeat center #191919;
  width: 50px;
  height: 50px;
  display: inline-block;
  cursor: pointer;
  z-index: 2;
  position: absolute;
  top: 0;
  right: 0; }

.body-wrap {
  width: 100%;
  position: relative;
  transition: all 0.5s ease 0s;
  z-index: 1; }

.bdshare_dialog_list li {
  width: 125px; }

@media only screen and (max-width: 1200px) {
  .footer-top .ft-middle .foot-qq:hover {
    width: 42px; }
    .footer-top .ft-middle .foot-qq:hover .icon-txt {
      text-indent: -999px; }

  .footer-top .ft-middle {
    margin-right: 0; } }
@media only screen and (max-width: 1300px) {
  .footer-top .ft-middle {
    right: 35%; }

  .footer-top .ft-right div {
    margin-left: 30px; } }
@media only screen and (min-width: 1441px) {
  .epd-anli-list li{width: 23.5%;margin-right: 2%;}
  .epd-anli-list li:nth-child(3n) {
      margin-right: 2%; }
  .epd-anli-list li:nth-child(4n) {
      margin-right: 0; }
}
@media only screen and (max-width: 1525px) {
  .footer-top .ft-right div {
    margin-left: 40px; } }

/*slider*/
#wechat .img {
  position: absolute;
  right: -58px;
  visibility: hidden;
  opacity: 0;
  /* transform: scale(0); */
  width: 160px;
  height: 160px;
  border-radius: 5px;
  transition: all .3s;
  /* top: 50%; */
  padding-top: 10px;
  background: #191919;
  bottom: 60px;
  margin-top: -75px; }
  #wechat .img::after{
    display: block;
    content:".";
    font-size: 0;
    position: absolute;
    left: 50%;
    margin-left: -10px;
    bottom: -20px;
    border-top: 10px solid #191919;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid transparent;
  }
  #wechat .img img {
    width: 140px;
    height: 140px;
    display: block;
    margin: 0 auto;
   }
   .float-right-box .top-list li:hover #wechat .img {
    visibility: visible;
    opacity: 1;
    transform: scale(1); }
#dianhua .num{
  color: #fff;
  visibility: hidden;
  opacity: 0;
  transition: all .3s;
  position: absolute;
  bottom: 60px;
  left: -48px;
  font-size: 16px;
  line-height: 36px;
  width: 140px;
  background: #191919;
  text-align: center;
  border-radius: 5px;
}
#dianhua .num::after{
  display: block;
  content:".";
  font-size: 0;
  position: absolute;
  left: 50%;
  margin-left: -10px;
  top: 36px;
  border-top: 10px solid #191919;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid transparent;
}
.float-right-box .top-list li:hover #dianhua .num {
  visibility: visible;
  opacity: 1; }

/*HTML5画布*/
.canvas,
#canvas_box {
  height: 610px;
  width: 100%;
  top: 0;
  z-index: -1;
  position: absolute; }



/*# sourceMappingURL=css.css.map */</pre></body></html>